<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>同城帮</title>
	<link rel="stylesheet" type="text/css" href="../css/reset.css">
	<link rel="stylesheet" type="text/css" href="../css/bang.css">
	<script type="text/javascript" src="../js/jquery-1.11.2.js"></script>	
	<script type="text/javascript" src="../js/baiduTemplate.js"></script>
	<script type="text/javascript" src="../js/common.js"></script>
	<!-- 高德地图 -->
	<link rel="stylesheet" href="http://cache.amap.com/lbs/static/main1119.css"/>
    <script src="http://cache.amap.com/lbs/static/es5.min.js"></script>
    <script src="http://webapi.amap.com/maps?v=1.3&key=06fb75f531ce19fd2af711465487d07a&plugin=AMap.Scale,AMap.OverView,AMap.ToolBar,AMap.Autocomplete"></script>
</head>
<body>
	<div id="topbar">
		<div class="topCity">
			<ul>
				<li><span class="changeCityName">北京</span><a href="#" class="topChangeCity">[切换城市]</a></li>
				<li><a href="#">同城帮首页</a></li>
			</ul>
			<ul>
				<li><a href="#" class="loginBtn">登录</a></li>
				<li><a href="#" class="registerBtn">注册</a></li>
				<li><a href="#">我的订单</a></li>
				<li><a href="#">在线客服(9:00-21:00)</a></li>
				<li class="service">
					<span>客户服务</span>
						<!-- 客户服务悬浮窗 -->
					<div class="customerBox">
						<a href="#">帮助中心</a>
						<a href="#">维修付款</a>
					</div>
				</li>
				<li><a href="#">论坛</a></li>
				<li><a href="#">投诉建议</a></li>
			</ul>
		</div>
	</div>
	<div id="nav">
		<div>
			<a href="#"><img src="../images/logo.png"></a>
			<p>
				<a href="#" title="二手良品">二手良品</a>
				<a href="#" title="手机回收">手机回收</a>
				<a href="#" title="手机维修">手机维修</a>
				<a href="#" title="电脑维修">电脑维修</a>
				<a href="#" title="以旧换新">以旧换新</a>
				<a href="#" title="手机租用">手机租用</a>
			</p>
		</div>
	</div>
	<div id="banner">
		<div>
			<div class="ba_show">
				<div>
					<img src="../images/banner1.jpg">
					<img src="http://p0.ssl.qhmsg.com/t01831cea917e6a064a.png">
					<img src="../images/banner3.png">
					<img src="../images/banner1.jpg">

				</div>
				<p>
					<a href="#"></a>
					<a href="#"></a>
					<a href="#"></a>

				</p>
			</div>
			<ul class="hidden_menu">
				<li><a href="#">修手机/Pad</a><span></span></li>
				<li><a href="#">修电脑</a><span></span></li>
				<li><a href="#">卖手机/电脑</a><span></span></li>
				<li><a href="#">买二手机</a><span></span></li>
			</ul>
			<!-- 隐藏菜单项 -->
			<div class="show_list1">
			</div>
			<div class="show_list2">
				<div id="hotQues">
					<span>热门问题：</span>
				</div>
				<div id="otherQues">
					<span>其他问题：</span>
				</div>
			</div>
			<div class="show_list3">
			</div>
			<div class="show_list4">
			</div>
		</div>
	</div>
	<div id="main">
		<div>
			<div class="showInfo">
				<a href="#"><img src="../images/photo1.jpg"></a>
				<a href="#"><img src="../images/photo2.jpg"></a>
				<a href="#"><img src="../images/photo3.jpg"></a>
				<a href="#"><img src="../images/photo4.jpg"></a>
			</div>
			<div class="recycle">
				<p>热门手机回收<a href="#">查看更多</a></p>
				<div>
					<dl>
						<dt><a href="#"><img src="../images/p_list1.png"></a></dt>
					</dl>
				</div>
			</div>
			<div class="used">
				<p>二手精品良选<a href="#">查看更多</a></p>
				<div>
					<dl>
						<dt><a href="#"><img src="../images/p_list2.png"></a></dt>
					</dl>
				</div>
			</div>
			<p id="maoDian">到店维修</p>
		</div>		
	</div>
	<div id="shop">
		<div>
			<div class="left">
				<p>
					<a href="#" class="shopChangeCity clickPopUp">北京<span></span></a>
					<a href="#">选择区县<span></span></a>
					<input type="text" id="auto" placeholder="输入您的位置查找附近的商家" />
					<input type="button" value="搜索" />
					<span class="autoSub">
						可以搜索您所在的小区、写字楼或标志性建筑
					</span>
				</p>
				<p class="shopSort">
					<a href="#" class="active">默认排序</a>
					<a href="#">按成交量</a>
					<a href="#">按人气</a>
					<span><input type="checkbox"/>先行赔付</span>
					<span id="show_map">地图模式</span>
				</p>
				<div class="shopBox">
					
				</div>
				<div id="page">
				</div>
			</div>
			<div class="evaluate">
				<p>商家好评榜</p>
				<div class="list">
					<span id="special">①</span>
					<img src="../images/shop4.jpg">
					<div>
						<h3><a href="#">联金诚维修中心</a></h3>
						<p>121345条评论</p>
					</div>
				</div>
				<div class="list">
					<span id="special">②</span>
					<img src="../images/shop1.jpg">
					<div>
						<h3><a href="#">顺通电脑维修</a></h3>
						<p>111292条评论</p>
					</div>
				</div>
				<div class="list">
					<span id="special">③</span>
					<img src="../images/shop3.jpg">
					<div>
						<h3><a href="#">盛宏科技CBD维修工作室</a></h3>
						<p>98580条评论</p>
					</div>
				</div>
				<div class="list">
					<span>④</span>
					<img src="../images/good4.jpg">
					<div>
						<h3><a href="#">百佳电脑维修</a></h3>
						<p>50689条评论</p>
					</div>
				</div>
				<div class="list">
					<span>⑤</span>
					<img src="../images/shop2.gif">
					<div>
						<h3><a href="#">鸿翔科技（北京）有限公司</a></h3>
						<p>32234条评论</p>
					</div>
				</div>
				<div class="list">
					<span>⑥</span>
					<img src="../images/good6.jpg">
					<div>
						<h3><a href="#">北京开天科技维修中心</a></h3>
						<p>15212条评论</p>
					</div>
				</div>
				<div class="list">
					<span>⑦</span>
					<img src="../images/shop2.gif">
					<div>
						<h3><a href="#">忠信电脑维修</a></h3>
						<p>12203条评论</p>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div id="footer">
		<div class="f_top">
			<div>
				<dl>
					<dt><img src="../images/footer.gif"></dt>
					<dd>购物指南</dd>
					<p>
						<a href="#">购物流程</a>
						<a href="#">用户注册</a>
						<a href="#">帮助文档</a>
					</p>
				</dl>
				<dl>
					<dt><img src="../images/footer.gif"></dt>
					<dd>支付方式</dd>
					<p>
						<a href="#">在线支付</a>
						<a href="#">当面付款</a>
					</p>
				</dl>
				<dl>
					<dt><img src="../images/footer.gif"></dt>
					<dd>售后服务</dd>
					<p><a href="#">投诉建议</a></p>
				</dl>
				<dl>
					<dt><img src="../images/footer.gif"></dt>
					<dd>特色保障</dd>
					<p><a href="#">360担保支付</a></p>
				</dl>
				<dl>
					<dt><img src="../images/footer.gif"></dt>
					<dd>商家合作</dd>
					<p>
						<a href="#">加盟同城帮</a>
						<a href="#">新闻采访/跨界合作</a>
					</p>
				</dl>
			</div>
		</div>
			<div class="f_bottom">
				<p>客服电话：400-399-360/010-53767360<a href="#">投诉建议</a><a href="#">网站地图</a></p>
				<p>Copyright © 2005-2017 360.CN All Right Reserved 360安全中心</p>
				<p><a href="#">京ICP备08010314号-19</a>京公网安备110000000006号</p>
			</div>		
	</div>
	<!-- 城市列表 -->
	<div id="cityList">
		<p>城市列表<span class="closeBtn">关闭 ×</span></p>
		<div>
			<div id="hot">
				
			</div>
			<div id="spell">
				<span>拼音</span>
				<div>
					<h3>
						<span>A</span><span>B</span><span>C</span><span>D</span><span>E</span><span>F</span><span>G</span><span>H</span><span>J</span><span>K</span><span>L</span><span>M</span><span>N</span><span>P</span><span>Q</span><span>R</span><span>S</span><span>T</span><span>W</span><span>X</span><span>Y</span><span>Z</span>
					</h3>
					<div id="cityName">						
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- 百度模板 -->
	
	
	<!-- 返回顶部 -->
	<div id="to_Top">
	</div>
	<!-- 广告窗口可使窗口随浏览器大小改变而移动位置-->
	<div id="fixConsultBox">
		<div>
			<div id="consult"></div>
		</div>	
	</div>
	<!-- 遮罩层 -->
	<div id="lightBox">
		<!-- 地图 -->
		<div id="map">
			<p>地图模式<span>×</span></p>
			<div id="mapId"></div>
		</div>
	</div>	
	<!-- 登录弹窗 -->
	<div id="login">
		<div class="headerEle">
			<p><b>欢迎登陆360同城帮</b></p>
			<span class="closeImg"></span>
		</div>
		<div class="formEle">
			<form>
				<p class="numP">账号
					<input type="text"  class="uname" placeholder="手机号/用户名/邮箱" />
				</p>
				<p class="psdP">密码
					<input type="password" class="upsd" placeholder="请输入您的密码" />
				</p>
				<p class="checkP">
					<input type="checkbox" />下次自动登录
				</p>
				<p class="loginP"></p>
				<div class="otherName">
					其他账号登录：<p><span></span><span></span><span></span><span></span></p>
				</div>
			</form>
		</div>
		<p>
			<a href="#">注册新账号</a><a href="#">忘记密码?</a>
		</p>
	</div>
	<!-- 注册弹出窗 -->
	<div id="register">
		<div class="headerEle">
			<p><b>欢迎登陆360同城帮</b></p>
			<span class="closeImg"></span>
		</div>
		<div>
			<div class="leftMenu">
				<ul>
					<li class="telRegisterBtn"><span></span>手机注册</li>
					<li class="emailRegisterBtn"><span></span>邮箱注册</li>
				</ul>
				<p class="hadAccount">
					已有账号，<a href="#">立即登录</a>
				</p>
			</div>
			<div class="formContent">
				<form class="telRegister">
					<p>手机号
						<input type="text" class="tel" /><span>请输入您的手机号</span>
					</p>
					<p class="identifyP">验证码
						<input type="text" class="identifyInput" /><b></b><a href="#" id="fresh">换一张</a><span>请输入图中的字母或数字，不区分大小写</span>
					</p>
					<p class="confirmP">校验码
						<input type="text" class="confirmInput" /><a href="#" class="getCheckNum">免费获取校验码</a><span>请输入短信中6位数字校验码</span><a href="#" class="checkNumQues">校验码常见问题</a>
					</p>
					<p>密码
						<input type="password" class="setPsdInput" /><span>6-20个字符(区分大小写)</span>
					</p>
					<p class="registerP"><span></span></p>
					<p class="agreeP"><input type="checkbox" />我已经阅读并同意<a href="#">《360用户服务条款》</a></p>
				</form>
				<form class="emailRegister">
					<p>邮箱
						<input type="text" class="tel" /><span>请输入您的常用邮箱，<a href="#">没有邮箱？</a></span>
					</p>
					<p>密码
						<input type="password" class="setPsdInput" /><span>6-20个字符(区分大小写)</span>
					</p>
					<p class="identifyP">验证码
						<input type="text" class="identifyInput" /><b></b><a href="#" id="fresh">换一张</a><span>请输入图中的字母或数字，不区分大小写</span>
					</p>
					<p class="registerP"><span></span></p>
					<p class="agreeP"><input type="checkbox" />我已经阅读并同意<a href="#">《360用户服务条款》</a></p>
				</form>
			</div>
		</div>	
		<p class="liImg"></p>
	</div>
</body>
<script type="text/javascript" src="../js/bang.js"></script>
</html>